<template>
  <div class="footer">
    <div class="footer-left">
      <span>隐私条款</span>
      <span>Copyright © jiabala@All Rights Reserved 粤ICP备19036519号-1</span>
    </div>
    <div class="footer-right">
      <!-- <span :style="{color:($route.path==='/appDownload' && 'rgba(22,219,204,1)')}" @click="appDownload">APP下载</span>
      <span>|</span> -->
      <span>服务热线：400 886 8956</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Login',
  props: {
    download: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {}
  },
  beforeRouteLeave(to, form, next) {
    next()
  },
  methods: {
    appDownload() {
      this.$router.push('/appDownload')
      // const url = this.$router.resolve('/appDownload')
      // window.open(url.href, '_blank')
    }
  }
}
</script>
<style lang="scss" scoped>
.footer {
  z-index: 20;
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  min-height: 1rem;
  font-size: .18rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: rgba(179, 185, 199, 1);
  background: rgba(239, 240, 245, 1);
  box-sizing: border-box;
  .footer-left {
    span:first-child {
      margin-right: .16rem;
    }
  }
  .footer-right {
    span:nth-of-type(1) {
      cursor: pointer;
    }
    span:nth-of-type(2) {
      margin: 0 50px;
    }
  }
}
</style>
